body {
     background-color: #444444;
}

#header {
    box-shadow: 0 1px 0 #333333;
    background-color: #333333;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#3F3F3F),
    to(#222222));
    background-image: -webkit-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    background-image: -moz-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    background-image: -ms-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    background-image: -o-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    background-image: linear-gradient(top, #3F3F3F 0%, #222222 100%);
    border-bottom: 1px solid #555555;
}

#search input[type=text], #search button {
    background-color: #222222;
}

#search input[type=text]:focus {
    color: #777777;
}

#sidebar > ul {
    /* border-top: 1px solid #393939;
    border-bottom: 1px solid #4E4E4E; */
    border-bottom: 0;
    border-top: 0;
}

#sidebar > ul > li {
    border-top: 0;
    border-bottom: 0;
}

#sidebar > ul > li a {
    border-top: 0;
    border-bottom: 0;
    font-family: "微软雅黑";
    color: white;
}

#sidebar > ul > li.active {
    border-bottom: 0;
    border-top: 0;
    background-size: cover;
    background-color: #3a3a3a;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#333333),
    to(#3F3F3F));
    background-image: -webkit-linear-gradient(top, #333333 0%, #3F3F3F 100%);
    background-image: -moz-linear-gradient(top, #333333 0%, #3F3F3F 100%);
    background-image: -ms-linear-gradient(top, #333333 0%, #3F3F3F 100%);
    background-image: -o-linear-gradient(top, #333333 0%, #3F3F3F 100%);
    background-image: linear-gradient(top, #333333 0%, #3F3F3F 100%);
}

#sidebar > ul > li.open.submenu > a {
    border-bottom: 0;
}
.submenu span{
    cursor: pointer;
}

#sidebar > ul > li.open.active.submenu > a {
    border-bottom: 0;
}

#sidebar > ul > li > a > .label {
    /* background-color: #333333; */
    font-family: "微软雅黑";
    color: white;
}

#sidebar > ul > li > a:hover {
    /* background-color: #4A4A4A; */
    /* font-size: large; */

}

#sidebar > ul ul {
    border-top: 0;
    background-color: #3a3a3a;
}

#sidebar > ul ul li a {
    border-top: 0;
    border-bottom: 0;
    font-family: "微软雅黑";
    color: white;
}

#sidebar > ul ul li a:hover, #sidebar > ul ul li.active a {
    color: #CCCCCC;
    background-color: #24292E;
}

.dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover {
    /* color: #eeeeee;
    background-color: #444444; */
    /* background-image: -webkit-gradient(linear, 0 0%, 0 100%, #555555, #222222);
    background-image: -webkit-linear-gradient(top, #555555 0%, #222222 100%);
    background-image: -moz-linear-gradient(top, #555555 0%, #222222 100%);
    background-image: -ms-linear-gradient(top, #555555 0%, #222222 100%);
    background-image: -o-linear-gradient(top, #555555 0%, #222222 100%);
    background-image: linear-gradient(top, #555555 0%, #222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555',
        endColorstr='#222222', GradientType=0); IE6-9 */

}

@media ( max-width: 480px) {
    #sidebar > a {
        /* background-image: -moz-linear-gradient(top, #464646 0%, #404040 100%);
        border-bottom: 1px solid #6e6e6e; */
        font-family: "微软雅黑";
        color: white;
    }

    #sidebar > ul {
        /* background-color: #444444; */

    }
}

@media ( min-width: 481px) and (max-width: 767px) {
    #sidebar > ul ul:before {
        border-right: 7px solid rgba(0, 0, 0, 0.2);
    }

    #sidebar > ul ul:after {
        border-right: 6px solid #222222;
    }
}